<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Open 2048</title>
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- iPhone, retina -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="author" content="Armando ''FL3R'' Fiore">
<meta name="description" content="Open 2048">
<meta name="keywords" content="open,source,2048,1024,game,videogame,android,armando,fl3r,fiore" />
<link href="css/style-index.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style-site.css" rel="stylesheet">
<script type="text/javascript" async="" src="js/ga.js">
</script><script src="js/jquery-1.7.min.js"></script>
<script src="mode/classic/js/prettify.js"></script>
<script src="js/jquery.sharrre-1.3.4.min.js"></script>
<link href="css/sharrre.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="ww">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p><img src="images/site-share.png" alt="Stanley" width="150" height="150"></p>
        <h1>SHARE</h1>
        <p>If you like Open 2048, please share it with your friends!</p>
        <div class="sharrre-container">
          <div id="twitter" data-url="https://play.google.com/store/apps/details?id=org.fl3r.open2048" data-text="Open 2048 - Scroll to merge identical tiles until you create the 2048 card. You will succeed? - " data-title="Tweet" class="sharrre">
            <div class="box"><a class="count" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">...</a><a class="share" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">Tweet</a></div>
          </div>
          <div id="facebook" data-url="https://play.google.com/store/apps/details?id=org.fl3r.open2048" data-text="Open 2048 - Scroll to merge identical tiles until you create the 2048 card. You will succeed?" data-title="Like" class="sharrre">
            <div class="box"><a class="count" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">...</a><a class="share" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">Like</a></div>
          </div>
          <div id="googleplus" data-url="https://play.google.com/store/apps/details?id=org.fl3r.open2048" data-text="Open 2048 - Scroll to merge identical tiles until you create the 2048 card. You will succeed?" data-title="+1" class="sharrre">
            <div class="box"><a class="count" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">...</a><a class="share" href="https://play.google.com/store/apps/details?id=org.fl3r.open2048">+1</a></div>
          </div>
          <script>
            $('#twitter').sharrre({
              share: {
                twitter: true
              },
              enableHover: false,
              enableTracking: true,
              buttons: { twitter: {via: 'Armando_Fiore'}},
              click: function(api, options){
                api.simulateClick();
                api.openPopup('twitter');
              }
            });
            $('#facebook').sharrre({
              share: {
                facebook: true
              },
              enableHover: false,
              enableTracking: true,
              click: function(api, options){
                api.simulateClick();
                api.openPopup('facebook');
              }
            });
			$('#googleplus').sharrre({
				share: {
					googlePlus: true,
					facebook: true,
					twitter: true,
					},
					buttons: {
						googlePlus: {size: 'tall', annotation:'bubble'},
						facebook: {layout: 'box_count'},
						twitter: {count: 'vertical'},
						},
						enableHover: false,
						enableCounter: true,
						enableTracking: true
            });
            </script> 
        </div>
        <p>
        <div><a href="index.html" class="menu-button">Back to Menu</a></div>
        </p>
      </div>
    </div>
  </div>
</div>
</body>
</html>
